<div class="verLikePaperTpl actived-card" >
	<div class="img-content">
		<img crossorigin="anonymous" pre-view-ele :src="getImage(tplData.img,'verLike-card-main-img')" id='verLike-card-main-img'>
	</div>
	<div class="title-content">
		<div pre-view-ele v-html="handleContent(tplData.title)" class="title-info"></div>
	</div>
	<div class="text-content">
		<div pre-view-ele v-html="handleContent(tplData.contentText)" class="content-info"></div>
	</div>
</div>
<style>
	.verLikePaperTpl{
		height: 100%;
		flex-direction: column;
		justify-content: space-around;
		border-radius: 0px;
		text-align: center;
		transition: 0.7s;
		background-repeat: repeat, repeat-x;
		background-position: 0px 0px, 0px -40px;
		background-size: auto, auto 1.5rem;
		background-color: white;
		border: 1px solid lightgray;
	}
	.verLikePaperTpl .img-content{
		text-align: center;
	}
	.verLikePaperTpl .img-content img{
		width: 100%;
		height: 300px;
	}
	.verLikePaperTpl .text-content textarea{
		background-color: transparent;
		border: none;
		border: 1px dashed lightgray;
		margin: 0 auto;   
		writing-mode: vertical-rl;/*从左向右 从右向左是 writing-mode: vertical-rl;*/ 
	}
	.verLikePaperTpl .text-content .content-info{
		background-color: transparent;
		border: none;
		padding: 16px;
		min-height: 100px;
	    margin: 0 auto;  
		writing-mode: vertical-rl;/*从左向右 从右向左是 writing-mode: vertical-rl;*/
	}
	.verLikePaperTpl .title-content input{
		background-color: transparent;
		border: none;
		text-align: center;
		border: 1px dashed lightgray;
	}
	.verLikePaperTpl .title-content .title-info{
		background-color: transparent;
		border: none;
		
		min-height: 100px;
		margin: 0 auto;  
		writing-mode: vertical-rl;/*从左向右 从右向左是 writing-mode: vertical-rl;*/
	}
</style>